<template>
<div>
    <div>
       <ul>
        <li v-for="(item,index) in array">
            {{ index }}=>{{ item }}
        </li>
       </ul>
    </div>
    <div v-for="(item) in objarr">
        <p>{{ item.name}}</p>
        <p>{{ item.id }}</p>
        <p>{{ item.age }}</p>
    </div>
    <div v-for="(item,key,index) in obj">
        <p>item=>{{ item }} key=>{{ key }} index=>{{ index }}</p>
    </div>
    <div v-for="(item,index) in 5" >
        <p>{{ item }}=>{{ index }}</p>
    </div>
</div>
</template>

<script setup>
        import{ref} from 'vue'
        const array=ref([11,22,33,44,55])
        const objarr=ref([
            {id:1001,name:"张三",age:18},
            {id:1002,name:"李四",age:18},
            {id:1003,name:"王五",age:18},
            {id:1004,name:"陈六",age:18}
        ])
        const obj={
            name:'张三',
            age:19,
            id:10
        }
</script>

<style scoped>

</style>